/* 滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 思考动画 */
@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(1.1); }
}

.thinking-dot {
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.thinking-dot:nth-child(2) {
    animation-delay: 0.3s;
}

.thinking-dot:nth-child(3) {
    animation-delay: 0.6s;
}

/* 代码块样式 */
.code-block {
    font-family: 'Fira Code', monospace;
}

/* 用户和机器人消息样式 */
.user-message {
    background-color: #e9f5ff;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    align-self: flex-end;
}

.bot-message {
    background-color: #f3f4f6;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    align-self: flex-start;
}

/* 记录按钮激活状态 */
.recording {
    color: #ef4444;
    background-color: #fee2e2;
}

/* 暂停按钮激活状态 */
.paused {
    color: #f59e0b;
    background-color: #fef3c7;
} 